{if $pestyle == 1}
</div>
<div id="pe_cmslider" class="pe-cms-slidecontent" style="width:{$pewidth}px; height: {$peheight}px">
	<div class="pe-preload"><div></div></div>
	<div class="pe-main-slider-content" style="width:{$pewidth}px; height: {$peheight}px">
		<ul class="pe-sliders-wrap-inner">
			{foreach from=$pecms item='item' name='peCmslider'}
				<li>
					<img src="{$item.linkimage}" alt="{$item.meta_title|escape:html:'UTF-8'}" title="{$item.meta_title|escape:html:'UTF-8'}">
					<div class="pe-slider-description">
						<h4>
							{if $pelinktitle != 0}
								<a href="{$item.link}">{$item.meta_title|escape:html:'UTF-8'}</a>
							{else}
								{$item.meta_title|escape:html:'UTF-8'}
							{/if}
						</h4>
						<p>{$item.desc} .. <a class="pe-readmore" href="{$item.link}">Read more</a></p>
					</div>
				</li>
			{/foreach}
		</ul>		
	</div>
	<div class="pe-navigator-content">
		<div class="pe-button-next">Next</div>
			<div class="pe-navigator-wrapper">
        <ul class="pe-navigator-wrap-inner">
					{foreach from=$pecms item='item' name='peCmslider'}
						<li><img src="{$item.linkimagethumb}" alt="{$item.meta_title|escape:html:'UTF-8'}"/></li>
					{/foreach}
				</ul>
			</div>
		<div class="pe-button-previous">Previous</div>
	</div>
	<div class="pe-button-control"><span></span></div>
{/if}
{if $pestyle == 2}
</div>
<div id="pe_cmslider2" class="pe-cms-slidecontent" style="width:{$pewidth}px; height: {$peheight}px">
	<div class="pe-preload"><div></div></div>
	<div class="pe-button-previous">Previous</div>
	<div class="pe-main-slider-content" style="width:684px; height:300px;">
		<ul class="pe-sliders-wrap-inner">
			{foreach from=$pecms item='item' name='peCmslider'}
				<li>
					<img src="{$item.linkimage}" alt="{$item.meta_title|escape:html:'UTF-8'}" title="{$item.meta_title|escape:html:'UTF-8'}">
					<div class="pe-slider-description">
						<h4>
							{if $pelinktitle != 0}
								<a href="{$item.link}">{$item.meta_title|escape:html:'UTF-8'}</a>
							{else}
								{$item.meta_title|escape:html:'UTF-8'}
							{/if}
						</h4>
						<p>{$item.desc} .. <a class="pe-readmore" href="{$item.link}">Read more</a></p>
					</div>
				</li>
			{/foreach}
		</ul>
	</div>
	<div class="pe-navigator-content">
		<div class="pe-navigator-wrapper">
      <ul class="pe-navigator-wrap-inner">
				{foreach from=$pecms item='item' name='peCmslider'}
					<li>
						<div>
							<img src="{$item.linkimagethumb1}" alt="{$item.meta_title|escape:html:'UTF-8'}"/>
							<h3>{$item.meta_title|escape:html:'UTF-8'}</h3>
							<p>{$item.desc}</p>
						</div> 
					</li>
				{/foreach}
			</ul>
		</div>
	</div>
	<div class="pe-button-next">Next</div>
	<div class="pe-button-control"><span></span></div>
{/if}
{if $pestyle == 3}
</div>
<div id="pe_cmslider3" class="pe-cms-slidecontent" style="width:{$pewidth}px; height: {$peheight}px">
	<div class="pe-preload"><div></div></div>
	<div class="pe-button-previous">Previous</div>
		<div class="pe-navigator-content">
		<div class="pe-navigator-wrapper">
      <ul class="pe-navigator-wrap-inner">
				{foreach from=$pecms item='item' name='peCmslider'}
					<li>
						<div>
							<img src="{$item.linkimagethumb1}" alt="{$item.meta_title|escape:html:'UTF-8'}"/>
							<h3>{$item.meta_title|escape:html:'UTF-8'}</h3>
							<p>{$item.desc}</p>
						</div> 
					</li>
				{/foreach}
			</ul>
		</div>
	</div>
	<div class="pe-main-slider-content" style="width:684px; height:300px;">
		<ul class="pe-sliders-wrap-inner">
			{foreach from=$pecms item='item' name='peCmslider'}
				<li>
					<img src="{$item.linkimage}" alt="{$item.meta_title|escape:html:'UTF-8'}" title="{$item.meta_title|escape:html:'UTF-8'}">
					<div class="pe-slider-description">
						<h4>
							{if $pelinktitle != 0}
								<a href="{$item.link}">{$item.meta_title|escape:html:'UTF-8'}</a>
							{else}
								{$item.meta_title|escape:html:'UTF-8'}
							{/if}
						</h4>
						<p>{$item.desc} .. <a class="pe-readmore" href="{$item.link}">Read more</a></p>
					</div>
				</li>
			{/foreach}
		</ul>
	</div>
	<div class="pe-button-next">Next</div>

{/if}
{if $pestyle == 4}
</div>
<div id="pe_cmslider4" class="pe-cms-slidecontent" style="width:{$pewidth}px; height: {$peheight}px">
	<div class="pe-preload"><div></div></div>
	<div class="pe-button-previous">Previous</div>
	<div  class="pe-button-next">Next</div>
	<div class="pe-main-slider-content" style="width:{$pewidth}px; height: {$peheight}px">
		<ul class="pe-sliders-wrap-inner">
			{foreach from=$pecms item='item' name='peCmslider'}
				<li>
					<img src="{$item.linkimage}" alt="{$item.meta_title|escape:html:'UTF-8'}" title="{$item.meta_title|escape:html:'UTF-8'}">
					<div class="pe-slider-description">
						<h4>
							{if $pelinktitle != 0}
								<a href="{$item.link}">{$item.meta_title|escape:html:'UTF-8'}</a>
							{else}
								{$item.meta_title|escape:html:'UTF-8'}
							{/if}
						</h4>
						<p>{$item.desc} .. <a class="pe-readmore" href="{$item.link}">Read more</a></p>
					</div>
				</li>
			{/foreach}
		</ul>
	</div>
	<div class="pe-navigator-content">
		<div class="pe-button-control"><span></span></div>	
		<div class="pe-navigator-wrapper">
			<ul class="pe-navigator-wrap-inner">
				{foreach from=$pecms item='item' name='peCmslider'}
					<li><span>{$smarty.foreach.peCmslider.index}</span></li>
				{/foreach}
			</ul>
		</div>
	</div>

{/if}